<link rel="stylesheet" href="css/aliceui.min.css"/>
<link rel="stylesheet" href="css/resetui.css"/>
<link rel="stylesheet" href="css/reg.css"/>
<style type="text/css">
#create_new_lnk{display: none;}
.message{border: 1px solid #0088cc;}
	#create_new_lnk{display: none;}
.message{border: 1px solid #0088cc;}
.mctit_nbg{background-image:none;}
.tab_wrap{display:none;}
.tab_show{display:block;}
#create_new_lnk{display: none;}
.message{border: 1px solid #0088cc;}#t {
	width: 324px;
	margin: 5px auto;
	padding:0px;
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	display:table;
}
#t li {float: left;width: 80px;height: 50px;list-style-type: none;border-right:#ccc 1px solid;
	border-bottom: #ccc 1px solid;text-align: center;line-height: 50px;
}
fieldset{width:807px;height:300px; border: 1px solid #E1E1E1;}
legend{margin-left:15px;font-weight:bold; font-size:14px;color:#121212;}
a { text-decoration:none; color:#000;}
li { list-style:none;}
.center { margin:0 auto; width:800px;}
.title { width:780px; height:30px;  margin-top:-25px; line-height:30px; text-align:right; padding-right:15px;}
.nav { width:800px; height:280px; margin-top:15px; overflow:hidden;}
.nav ul li { width:800px; float:left; height:130px;}
.nav ul li ul li{ width:153px; float:left; height:100px; border:1px solid #E1E1E1; margin-left:5px;margin:6px 0 0 6px;}
.nav ul li ul li.first { margin-left:0;}
.red{color:red;}
td {text-align: center;} 
/*width="130" height="68" align="left" valign="middle"*/
</style>
<script type="text/javascript">document.title="添加分销商 - <?=$data['web_title']?>";</script>
<!--主体-->
<div class="r_content" id="register">
    <h3 class="mc_title">
        <span class="mctit_1"><span class="mctit_2">添加分销商</span></span>
    </h3>
    <div class="ui-tiptext-container ui-tiptext-container-question mt10">
        <p class="ui-tiptext ui-tiptext-warning">
            <span class="ui-form-required">+</span>直接输入分销商名称（仅限中文）,若列表中存在请直接点“添加”；若不存在，请点“创建新分销商”。<br/>
            <span class="ui-form-required">+</span>添加成功后请点击“价格配置”为分销商配置结算价。<br/>
			<span class="ui-form-required">+</span>同时可显示10条分销商信息。
        </p>
    </div>
    <form id="reg_form" class="reg_form" style="margin:0;">
        <?=$data['csrf_token'];?>
        <input type="hidden" name="action" value="RelationshipCreate"/>
        <input type="hidden" name="actionType" value="CreateDistor"/>
        <input type="hidden" name="dtype" value="1"/>
        <table class="add_table">
            <tbody>
            <tr>
				<td class="tab1"><span class="ui-form-required">*</span>分销商名称/手机号</td>
                <td class="tab2">
                    <input type="text" id="dname_e" class="ui-input" name="s_val" placeholder="分销商名称/手机号" />
                    <a href="javascript:void(0);" id="create_new_lnk">创建新分销商</a>
                </td>
                <td class="tab3">
                    <p class="normal">分销商名称以中文开头</p>
                    <p class="error"></p>
                    <p class="ok">&nbsp;</p>
                </td>
            </tr>
            </tbody>
        </table>

        <table class="add_table" id="create_new_one" style="display:none;margin-top:10px;">
		<tbody>
		<tr>
			<td class="tab1"><span class="ui-form-required">*</span>分销商姓名</td>
			<td>
				<input type="text" id="dname_e" class="ui-input" name="company">
			</td>
			<td class="tab3">
				<p class="normal">请输入联系人姓名，仅限中文</p>
				<p class="error"></p>
				<p class="ok">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td class="tab1"><span class="ui-form-required">*</span>姓名</td>
			<td>
				<input type="text" id="dname_c" data-msg="请输入分销商真实姓名" class="ui-input required" name="username" />
			</td>
			<td class="tab3">
				<p class="normal">请输入联系人姓名，仅限中文</p>
				<p class="error"></p>
				<p class="ok">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td class="tab1"><span class="ui-form-required">*</span>密码</td>
			<td class="tab2">
				<input type="password" data-msg="密码不能为空" class="ui-input required" name="password" />
			</td>
			<td class="tab3">
				<p class="normal">6-16个字符,请使用字母加数字或符号</p>
				<p class="error"></p>
				<p class="ok">&nbsp;</p>
			</td>
		</tr>
		<tr id="pwd_strength">
			<td>&nbsp;</td>
			<td colspan="2">
				<div class="pwd_strength">
					<span class="qian" id="sqian">密码强度</span>
							<span class="meter-bar">
								<div id="pwlevel" style="width: 75%;"></div>
							</span>
					<span id="pwlevel2">中</span>
				</div>
			</td>
		</tr>
		<tr>
			<td class="tab1"><span class="ui-form-required">*</span>确认密码</td>
			<td class="tab2">
				<input type="password" class="ui-input required" name="confirmPwd" />
			</td>
			<td class="tab3">
				<p class="normal">请再次输入密码</p>
				<p class="error"></p>
				<p class="ok">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td class="tab1"> 手机号</td>
			<td class="tab2">
				<input type="text" class="ui-input" name="mobile"/>
			</td>
			<td class="tab3">
				<p class="normal">请输入分销商手机号，必须唯一</p>
				<p class="error"></p>
				<p class="ok">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td class="tab1"> 固定电话</td>
			<td class="tab2"><input type="text" data-msg="请填写公司固定电话" class="ui-input" name="g_tel" /></td>
			<td class="tab3">
				<p class="normal">请填写公司固定电话</p>
				<p class="error"></p>
				<p class="ok">&nbsp;</p>
			</td>
		</tr>
		<tr>
			<td>&nbsp;</td>
			<td colspan="2">
				<input type="button" id="distor_btn_c" value="" class="submit_btn_d"/>
			</td>
		</tr>
		</tbody>
        </table>
    </form>
	<table id="selected_distor">
    <thead>
    <tr>
        <th class="first">分销商名称</th>
        <th>公司类型</th>
        <th>联系人</th>
        <th>操作</th>
    </tr>
    </thead>
    <tbody id="selected_distor_list" class="hide">
	<tr id="dist_{$id}">
	<td class="first" style="text-align:left">[{$account}]{$dname}</td>
	<td style="text-align:left">{$com_type}</td>
	<td style="text-align:left">{$cname}[{$mobile}]</td>
	<td style="text-align:left">{$btn}</td>
	</tr>
	</tbody>
    <tbody id="selected_show_list">
    <?if(isset($data['admin'])):?>
    <tr id="dist_<?=$data['admin']['id']?>">
        <td class="first">[<?=$data['admin']['account']?>]先行网</td>
        <td>电商</td>
        <td><?=$data['admin']['cname']?>[<?=$data['admin']['mobile']?>]</td>
        <td><a href="javascript:" class="selected_distor_add" data-id="<?=$data['admin']['id']?>">添加</a></td>
    </tr>
    <?endif;?>
    </tbody>
</table>
</div>
<!--快速查找分销商-->
<div class="huanyihuan">
<fieldset>
<legend>快速查找分销商</legend>
<div class="center">
<div class="title">
	<a href="javascript:void(0);" onclick="next();">
		<img src="../images/fenxiaoshang/huanyihuan.png">
	</a>
</div>
<div class="nav">
    <ul id="list">
    <li id="l1">
		<table width="798" height="119" align="center">
		<tbody>
		<tr>
		<td><img src="../images/fenxiaoshang/xianxing.png"></td>
		<td width="5">&nbsp;</td>
		<td><img src="../images/fenxiaoshang/xiecheng.png"></td>
		<td width="5">&nbsp;</td>
		<td><img src="../images/fenxiaoshang/lvmama.png"></td>
		<td width="5">&nbsp;</td>
		<td><img src="../images/fenxiaoshang/tongcheng.png"></td>
		<td width="5">&nbsp;</td>
		<td><img src="../images/fenxiaoshang/lashou.png"></td>
		</tr>
		<tr>
		<td><a href="javascript:void(0);" class="famous" data="先行旅游">旅游同业分销平台</a></td>
		<td>&nbsp;</td>
		<td><a href="javascript:void(0);" class="famous" data="携程网">携程网</a></td>
		<td>&nbsp;</td>
		<td><a href="javascript:void(0);" class="famous" data="驴妈妈">驴妈妈</a></td>
		<td>&nbsp;</td>
		<td><a href="javascript:void(0);" class="famous" data="同程网">同程网</a></td>
		<td>&nbsp;</td>
		<td><a href="javascript:void(0);" class="famous" data="拉手网">拉手网</a></td>
		</tr>
		</tbody>
		</table>
    </li>
	</ul>
	
	 <ul id="list">
    <li id="l1">
		<table width="300" height="119" align="left">
		<tbody>
		<tr>
		<td><img src="../images/fenxiaoshang/meituan.jpg"></td>
		<td width="5">&nbsp;</td>
		<td><img src="../images/fenxiaoshang/qunaer.jpg"></td>
		</tr>
		<tr>
		<td><a href="javascript:void(0);" class="famous" data="【美团】北京三快在线科技有限公司">美团网</a></td>
		<td>&nbsp;</td>
		<td><a href="javascript:void(0);" class="famous" data="去哪儿">去哪儿</a></td>
		<td>&nbsp;</td>
		</tr>
		</tbody>
		</table>
    </li>
	</ul>
</div>
</div>
</fieldset>
<div class="red">注：添加配置OTA、团购为分销商后，需联系OTA、团购业务上架销售。</div>
</div>
</div>
</div>
<!--<script type="text/javascript" src="js/jquery.getareas.js"></script>-->
<!--    <script type="text/javascript" src="js/easydialog.min.js"></script>-->
<script type="text/javascript" src="js/fun.inc.js"></script>
<script type="text/javascript" src="js/prod_pub.js"></script>
<script type="text/javascript" src="js/reg_new.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($){
	$("a#create_new_lnk").on('click', function(){
	if($(this).hasClass('opened')) {
		$("#create_new_one").hide();
		$("table#com_type").show();
		$("#selected_distor").show();
		$(this).removeClass('opened').text('创建新分销商');
	} else {
		$("#create_new_one").show();
		$("table#com_type").hide();
		$("#selected_distor").hide();
		$(this).addClass('opened').text('选择已有分销商');
		if(verify.isTel($("input[name=s_val]").val())){
			$("input[name=company]").val('');
			$("input[name=mobile]").val($("input[name=s_val]").val());
		}else{
			$("input[name=mobile]").val('');
			$("input[name=company]").val($("input[name=s_val]").val());
		}
	}

});
$(document).ready(function(){
	$("#selected_distor").on('click', '.selected_distor_add', function(){
		var did = $(this).attr('data-id'),
		param = {
			action: 'AddRelationShip',
			distor: did,
			token : check.getToken()
		},	elem = $(this);
		
		$.post(url,param,function(json_res){
			if(json_res.status=='ok') {
				elem.parent('td').html('已添加|<a target="_blank" href="priceset.html?did='+did+'">价格配置</a>');
			} else {
				alert(json_res.msg);
			}
			},'json');
		});
	});

});
$("input[name=s_val]").on('keyup', function(){
	if(verify.isTel($(this).val())){
		getMember($(this),true);
		return false;
	}else if(verify.is_chinese($(this).val())){
		tab3.find(".error").html('分销商必须是中文开头').hide();
		getMember($(this),false);
	}else{
		tab3 = $(this).parents("tr").find('td.tab3');
		tab3.find(".error").html('分销商必须是中文开头').show();
		tab3.show();
	}
});


$("input[name=s_val]").on('focus', function(){
	if(!verify.is_chinese($(this).val())){
		tab3 = $(this).parents("tr").find('td.tab3');
		tab3.find(".error").html('分销商必须是中文开头').show();
		tab3.show();
	}

	$("#create_new_one").hide();
	$("table#com_type").show();
	$("#selected_distor").show();
	$("a#create_new_lnk").removeClass('opened').text('创建新分销商');
});

	
// 获取搜索分销商列表
function getMember(obj,isTel){
	var val = obj.val(),listTxt = '', bEqual=false;
	if(val=='') return false;
	if(isTel){// 手机号搜索
		$.getJSON('call/jh_mem.php',{action:'chkAndGet',mobile:val})
		.done(function(salers){
			
		   if((typeof salers.ajaxMobile!='undefined' && salers.ajaxMobile!=null) || (typeof salers.status!='undefined' && salers.status!=1) ){
				listTxt=getParTpl(salers);
			}else{
				$("#create_new_lnk").show();
			}				
			$("#selected_show_list").html("");
			$("#selected_show_list").append(listTxt);
		});
	}else{ // 分销商名称模糊搜索
		$.getJSON('call/jh_mem.php',{action:'fuzzyGetDname',dname:val})
		.done(function(salers){
			for(var k in salers) {
				if(salers[k].dname==val) bEqual=true;
				listTxt+=getParTpl(salers[k]);
			}
			$("#selected_show_list").html("");
			$("#selected_show_list").append(listTxt);
			if(bEqual==false) $("#create_new_lnk").show();
		});

	}
	
	
};
</script>